<div class="app-container with-navbar with-tabbar" ng-controller="SlhController" style="padding-top: 89px;">

    <div class="navbar fixed-top" ng-if="navStyle == 'default'" style="height:89px;">

        <style type="text/css">

            .pnav {

                width: 33%;

                float: left;

            }

            .pnav img{

                height: 35px;

            }

        </style>

        <div class="navbar-title fixed-top">

            <div style="width:100%;"><img src="img/p_tit.png" style="height:35px;"></div>

            <div style="width:100%;">

                <div class="pnav" >

                    <a href="#/srx/?sortKey=0&sortValue=0&category=19&navTitle=单品&navStyle=default"><img class="tab-icon" ng-src="img/pnav1-normal.png" /></a>

                </div>

                <div class="pnav" >

                     <a href="#/slk/?sortKey=0&sortValue=0&category=24&navTitle=提货卡&navStyle=default"><img class="tab-icon" ng-src="img/ti.png" /></a>

                </div>

                <div class="pnav" >

                    <img class="tab-icon" ng-src="img/pnav3-active.png" />

                </div>

            </div>

        </div>

        

    </div>

    

    <div class="app-content" infinite-scroll='loadMore()' >

        <div class="search-product" ng-if="products && products.length">

            <div class="product-item" ng-repeat="product in products track by $index" style="border: 0px; border-right: 0px;">

                <div ng-click="touchProduct(product)">

                    <div class="item-photo">

                        <img ng-src="image/default-photo.png" lazy-img="{{product.default_photo.large}}" />

                    </div>

                    <div class="item-name" style="font-size: 18px; line-height: 20px; padding: 0 12px;">{{product.name}}</div>

                    <div class="item-footer">

                        <div class="footer-price" style="font-size: 18px; color: #e60012; padding: 0 12px;">{{product.current_price| currency:"￥"}}</div>

                    </div>

                </div>

            </div>

        </div>

        <div class="empty" ng-if="isEmpty">

            <div class="empty-item">

                <img class="item-logo" ng-src="image/logo-product-empty.png" />

                <div class="item-text">暂无任何商品</div>

            </div>

        </div>

        <div class="loading-more" ng-if="isLoaded && isLoading">

            正在加载...

        </div>

        <div class="loading-more" ng-if="isLoaded && isLastPage">

            全部加载完毕

        </div>

    </div>

    <div class="tabbar fixed-bottom">

        <div class="tab " ng-click="goHome()">

            <img class="tab-icon" ng-src="image/tab-home-normal.png" />

        </div>

        <div class="tab active" >

            <img class="tab-icon" ng-src="image/tab-category-active.png" />

        </div>

        <div class="tab" ng-click="goCart()">

            <img class="tab-icon" ng-src="image/tab-cart-normal.png" />

            <div class="tab-badge" ng-if="cartModel.total > 0">

                {{cartModel.total}}

            </div>

        </div>

        <div class="tab" ng-click="goProfile()">

            <img class="tab-icon" ng-src="image/tab-profile-normal.png" />

        </div>

    </div>

</div>

